feat(website): 官网多页面 + 中英文切换 + Kimi 风格科技风重设计

- 多页路由：首页 / 功能 / 更新日志 / 下载（HashRouter，适配 GitHub Pages）
- 中英文切换（zh/en 双语文案 + localStorage 记忆）
- Kimi 品牌配色（中性灰 + 蓝）+ 科技风（网格底纹 / 辉光按钮 / 渐变强调词）
- 更新日志页：运行时同步 GitHub Releases，localStorage 缓存 1h，网络失败回退内置列表
- 功能页 8 张截图卡片；下载页含自动更新说明
- 修复资源路径 404（asset() + %BASE_URL%）；自托管 Inter/Fira Code 字体

website/src/sections/Hero.tsx

@@ -0,0 +1,98 @@
+import { useEffect, useState } from "react";
+import { Link } from "react-router-dom";
+import { useLang } from "../i18n";
+import { asset } from "../lib/asset";
+
+export default function Hero() {
+  const { t } = useLang();
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => setMounted(true), []);
+
+  const reveal = (delay: number, extra = "") => ({
+    style: { transitionDelay: `${delay}ms` },
+    className: `transition-all duration-700 ease-out ${
+      mounted
+        ? "motion-safe:opacity-100 motion-safe:translate-y-0"
+        : "motion-safe:opacity-0 motion-safe:translate-y-4"
+    } ${extra}`,
+  });
+
+  return (
+    <section
+      id="hero"
+      aria-labelledby="hero-title"
+      className="relative overflow-hidden pt-16 pb-20 md:pt-24"
+    >
+      {/* 科技风光晕 */}
+      <div
+        aria-hidden="true"
+        className="pointer-events-none absolute -top-32 right-[-10%] h-[420px] w-[420px] rounded-full bg-primary/15 blur-3xl"
+      />
+      <div
+        aria-hidden="true"
+        className="pointer-events-none absolute -left-40 top-1/2 h-[320px] w-[320px] rounded-full bg-violet-500/10 blur-3xl"
+      />
+      <div className="container-page relative grid grid-cols-1 gap-10 md:grid-cols-2 md:items-center">
+        <div>
+          <div {...reveal(0)}>
+            <span className="inline-block rounded-full border border-primary/25 bg-primary/10 px-3 py-1 text-xs font-medium text-primary">
+              {t.hero.badge}
+            </span>
+          </div>
+          <h1
+            id="hero-title"
+            {...reveal(100, "mt-4 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl")}
+          >
+            {t.hero.titleBefore}
+            <br />
+            <span className="whitespace-nowrap bg-gradient-to-r from-blue-500 to-violet-500 bg-clip-text text-transparent">
+              {t.hero.titleAccent}
+            </span>
+            {t.hero.titleAfter}
+          </h1>
+          <p
+            {...reveal(200, "mt-5 max-w-[52ch] text-base leading-relaxed text-muted-foreground md:text-lg")}
+          >
+            {t.hero.subtitle}
+          </p>
+          <div {...reveal(300, "mt-8 flex flex-wrap gap-3")}>
+            <Link to="/download" className="btn-primary">
+              {t.hero.download}
+            </Link>
+            <a
+              href="https://github.com/billowliu2/KimiSwitch"
+              target="_blank"
+              rel="noreferrer"
+              className="btn-ghost"
+            >
+              {t.hero.source}
+            </a>
+          </div>
+          <dl {...reveal(400, "mt-10 flex gap-8 font-mono")}>
+            {t.hero.stats.map((s) => (
+              <div key={s.label}>
+                <dt className="sr-only">{s.label}</dt>
+                <dd className="text-2xl font-semibold tabular-nums">
+                  {s.value}
+                </dd>
+                <dd className="mt-1 text-xs text-muted-foreground">
+                  {s.label}
+                </dd>
+              </div>
+            ))}
+          </dl>
+        </div>
+
+        <div {...reveal(250)}>
+          <div className="screenshot max-h-[420px]">
+            <img
+              src={asset("screenshots/hero.png")}
+              alt="Kimi Switch: multi-LLM provider list with one-click switching"
+              loading="eager"
+            />
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}