docs: refresh modern UI demo

Author: wybaby168

README.en.md

@@ -35,9 +35,9 @@
 
 ## Product preview
 
-![AI Shortlink product demo](docs/assets/ai-shortlink-demo.gif)
+![AI Shortlink modern admin console demo](docs/assets/ai-shortlink-demo.gif)
 
-The recording comes from a real instance and covers the dashboard, compact table actions, short links, live QR pools, branded QR customization, multi-format downloads, and system settings. The current production build is available at [s.flyfish.dev](https://s.flyfish.dev).
+The recording comes from a real instance and moves through the operations dashboard, compact short-link actions, live QR entry configuration, QR pools, and SVG / PNG / WEBP publishing. The current production build is available at [s.flyfish.dev](https://s.flyfish.dev).
 
 ## Why AI Shortlink
 

README.md

@@ -36,9 +36,9 @@
 
 ## 产品预览
 
-![AI Shortlink 功能录屏](docs/assets/ai-shortlink-demo.gif)
+![AI Shortlink 新版管理控制台演示](docs/assets/ai-shortlink-demo.gif)
 
-录屏来自真实实例，覆盖总览、短链管理、折叠操作、活码二维码池、品牌二维码定制、多格式下载和系统设置。可直接访问 [s.flyfish.dev](https://s.flyfish.dev) 体验当前生产版本。
+录屏来自真实实例，依次展示运营总览、短链折叠操作、活码入口配置、二维码池和 SVG / PNG / WEBP 发布下载。可直接访问 [s.flyfish.dev](https://s.flyfish.dev) 体验当前生产版本。
 
 ## 为什么是 AI Shortlink
 

docs/assets/ai-shortlink-demo.gif

@@ -1040,7 +1040,7 @@ async function init() {
       globalSearch?.focus();
     }
   });
-  modal.addEventListener('click', (e) => { if (e.target.dataset.close) closeModal(); });
+  modal.addEventListener('click', (e) => { if (e.target.closest('[data-close]')) closeModal(); });
   document.addEventListener('keydown', (e) => { if (e.key === 'Escape') closeModal(); });
   try { await loadMe(); } catch (err) { toast(err.message || '账户信息加载失败'); }
   document.querySelectorAll('.nav').forEach(b => b.classList.toggle('active', b.dataset.view === state.view));