feat(ui): 블로그 브랜딩 전면 교체 (로고, 파비콘, 히어로 이미지)

- RealCoding 터미널 스타일 로고 이미지 적용 (헤더 텍스트 → 이미지 교체)
- 라이트/다크모드 로고 필터 처리 (invert + hue-rotate)
- 파비콘 세트 교체 (>| 심볼), 기존 SVG 파비콘 참조 제거
- 홈페이지 히어로 이미지 교체 (개발자 데스크 야경)
- 소개 페이지 히어로 이미지 교체 (카페 코딩 분위기)

Author: realcoding2003

_includes/header.html

@@ -11,7 +11,8 @@
                 {% else %}
                     <a href="{{ '/' | append: current_lang | append: '/' | relative_url }}" class="brand-link">
                 {% endif %}
-                    <span class="brand-text">{{ lang_data.site.title }}</span>
+                    <img src="/assets/images/logo.png" alt="{{ lang_data.site.title }}" class="brand-logo">
+                    <span class="brand-text sr-only">{{ lang_data.site.title }}</span>
                 </a>
             </div>
 

_layouts/default.html

@@ -22,7 +22,6 @@
 
     <!-- Favicon -->
     <link rel="icon" type="image/x-icon" href="{{ '/assets/favicons/favicon.ico' | relative_url }}">
-    <link rel="icon" type="image/svg+xml" href="{{ '/assets/favicons/icon.svg' | relative_url }}">
     <link rel="apple-touch-icon" sizes="180x180" href="{{ '/assets/favicons/apple-touch-icon.png' | relative_url }}">
     <link rel="icon" type="image/png" sizes="192x192" href="{{ '/assets/favicons/android-chrome-192x192.png' | relative_url }}">
     <link rel="icon" type="image/png" sizes="512x512" href="{{ '/assets/favicons/android-chrome-512x512.png' | relative_url }}">

assets/css/main.css

@@ -252,6 +252,27 @@ a:hover {
     color: inherit;
 }
 
+.brand-text.sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0,0,0,0);
+    border: 0;
+}
+
+.brand-logo {
+    height: 28px;
+    width: auto;
+    filter: invert(1) hue-rotate(180deg);
+}
+
+[data-theme="dark"] .brand-logo {
+    filter: none;
+}
+
 .main-nav {
     display: flex;
     align-items: center;